<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级检索</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div>
        <div class="zr_header">
            <div class="zr-center-box">
                <img src="img/logo.png" class="zr_logo"/>
                <ul class="zr_tab">
                    <li>我的问卷</li>
                    <li class="zr_tab-border">高级检索</li>
                    <li>综合题库</li>
                    <li>用户管理</li>
                    <li>考察点管理</li>
                    <li>联系人管理</li>
                    <li>帮助中心</li>
                </ul>
                <div class="zr_right-box">
                    <img class="zr_head-img" src="img/header.png"/>
                    <span>dnnfdsh</span>
                    <span>|</span>
                    <span>退出</span>
                </div>
            </div>
        </div>
        <div class="zr_fixed-box"></div>
        <div class="zr_search-box zr_float-l">
            <div class="zr-center-box">
                <div class="zr_float-l zr_add-box">
                    <img src="img/a1.PNG"/>
                    <img src="img/a2.png"/>
                </div>
                <select class="zr_float-l zr_sel zr_sel-mar">
                    <option>问卷标题</option>
                    <option>问卷题目</option>
                    <option>问卷选项</option>
                </select>
                <input class="zr_float-l zr_input-box" type="text" placeholder="请输入关键词"/>
                <select class="zr_float-l zr_sel zr_sel-mar">
                    <option>并含</option>
                    <option>或者</option>
                    <option>不含</option>
                </select>
                <input class="zr_float-l zr_input-box" type="text" placeholder="请输入关键词"/>
                <input class="zr_float-l zr-botton" type="button" value="检索"/>
                <select class="zr_float-r zr_sel zr-mar-r zr_sel-mar">
                    <option>全部</option>
                    <option>调查问卷</option>
                    <option>面访问卷</option>
                </select>
                <span class="zr_float-r zr-title">问卷类型</span>
            </div>
        </div>
        <div class="zr-center-box">
            <div class="zr_common-box">
                <table>
                    <thead>
                    <tr>
                        <td class="w-10">
                            序号
                        </td>
                        <td class="w-40">
                            问卷名称
                        </td>
                        <td class="w-10">
                            问卷类型
                        </td>
                        <td class="w-10">
                            题目总数
                        </td>
                        <td class="w-10">
                            回收问卷
                        </td>
                        <td class="w-20">
                            创建时间
                        </td>
                        <td class="w-20">
                            操作
                        </td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            01
                        </td>
                        <td>
                            青运会对高校大学生体育锻炼意识的影响问卷调查
                        </td>
                        <td>
                            调查问卷
                        </td>
                        <td>
                            4
                        </td>
                        <td class="zr_pointer">
                            5600
                        </td>
                        <td class="zr_pointer">
                            2017/10/12 12:25:33
                        </td>
                        <td class="zr_change">
                            <img src="img/c1.jpg" class="zr_ionic-min zr_pointer c1" title="问卷内容"/>
                            <img src="img/c2.jpg" class="zr_ionic-min zr_pointer c2" title="回收详情"/>
                            <img src="img/c3.jpg" class="zr_ionic-min zr_pointer c3" title="分析报告"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            02
                        </td>
                        <td>
                            青运会对高校大学生体育锻炼意识的影响问卷调查
                        </td>
                        <td>
                            调查问卷
                        </td>
                        <td>
                            4
                        </td>
                        <td class="zr_pointer">
                            5600
                        </td>
                        <td class="zr_pointer">
                            2017/10/12 12:25:33
                        </td>
                        <td class="zr_change">
                            <img src="img/c1.jpg" class="zr_ionic-min zr_pointer c1" title="问卷内容"/>
                            <img src="img/c2.jpg" class="zr_ionic-min zr_pointer c2" title="回收详情"/>
                            <img src="img/c3.jpg" class="zr_ionic-min zr_pointer c3" title="分析报告"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            03
                        </td>
                        <td>
                            青运会对高校大学生体育锻炼意识的影响问卷调查
                        </td>
                        <td>
                            调查问卷
                        </td>
                        <td>
                            4
                        </td>
                        <td class="zr_pointer">
                            5600
                        </td>
                        <td class="zr_pointer">
                            2017/10/12 12:25:33
                        </td>
                        <td class="zr_change">
                            <img src="img/c1.jpg" class="zr_ionic-min zr_pointer c1" title="问卷内容"/>
                            <img src="img/c2.jpg" class="zr_ionic-min zr_pointer c2" title="回收详情"/>
                            <img src="img/c3.jpg" class="zr_ionic-min zr_pointer c3" title="分析报告"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            04
                        </td>
                        <td>
                            青运会对高校大学生体育锻炼意识的影响问卷调查
                        </td>
                        <td>
                            调查问卷
                        </td>
                        <td>
                            4
                        </td>
                        <td class="zr_pointer">
                            5600
                        </td>
                        <td class="zr_pointer">
                            2017/10/12 12:25:33
                        </td>
                        <td class="zr_change">
                            <img src="img/c1.jpg" class="zr_ionic-min zr_pointer c1" title="问卷内容"/>
                            <img src="img/c2.jpg" class="zr_ionic-min zr_pointer c2" title="回收详情"/>
                            <img src="img/c3.jpg" class="zr_ionic-min zr_pointer c3" title="分析报告"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            05
                        </td>
                        <td>
                            青运会对高校大学生体育锻炼意识的影响问卷调查
                        </td>
                        <td>
                            调查问卷
                        </td>
                        <td>
                            4
                        </td>
                        <td class="zr_pointer">
                            5600
                        </td>
                        <td class="zr_pointer">
                            2017/10/12 12:25:33
                        </td>
                        <td class="zr_change">
                            <img src="img/c1.jpg" class="zr_ionic-min zr_pointer c1" title="问卷内容"/>
                            <img src="img/c2.jpg" class="zr_ionic-min zr_pointer c2" title="回收详情"/>
                            <img src="img/c3.jpg" class="zr_ionic-min zr_pointer c3" title="分析报告"/>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <p class="zr_page">
                    <a href="javascript:;">
                        首页
                    </a>
                    <a href="javascript:;">
                        <<
                    </a>
                    <a class="zr-click" href="javascript:;">
                        1
                    </a>
                    <a href="javascript:;">
                        2
                    </a>
                    <a href="javascript:;">
                        3
                    </a>
                    <a href="javascript:;">
                        >>
                    </a>
                    <a href="javascript:;">
                        末页
                    </a>
                </p>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script>
        $('.c1').on('mouseenter',function () {
            $(this).attr('src','img/cc1.jpg');
        }).on('mouseleave',function(){
            $(this).attr('src','img/c1.jpg');
        }).on('click',function(){
            $(location).attr('href', 'index-05.html');
        });
        $('.c2').on('mouseenter',function () {
            $(this).attr('src','img/cc3.jpg');
        }).on('mouseleave',function(){
            $(this).attr('src','img/c2.jpg');
        }).on('click',function(){
            $(location).attr('href', 'index-06.html');
        });
        $('.c3').on('mouseenter',function () {
            $(this).attr('src','img/cc2.jpg');
        }).on('mouseleave',function(){
            $(this).attr('src','img/c3.jpg');
        }).on('click',function(){
            $(location).attr('href', 'index-07.html');
        });
    </script>
</body>
</html>